﻿@import "variables";

.qBox {
    border: 1px solid @silver;
    border-radius: 0;
    z-index: 0;
}

#stick-container {
    z-index: 10;
}

.stick {
    height: 100%;
    min-height: 100%;
    padding: 4px;
    background-color: @brand-warning;
    border: 1px solid darken(@brand-warning,25%);
    box-shadow: 1px 1px 2px @silver;
    -moz-box-shadow: 1px 1px 2px @silver;
    -webkit-box-shadow: 1px 1px 2px @silver;
    cursor: move;
}

.stick-tb {
    &:extend(.stick);
    background-color: darken(@brand-warning,10%);
    display: none;
    cursor: auto;
}

.wrapstick:hover div.stick-tb {
    display: block;
}

.wrapstick {
    position: absolute;
    display: inline-block;
    width: 20%;
    height: 15%;
    z-index: 12;
    transform: rotate(2deg);
    -webkit-transform: rotate(2deg);
    -moz-transform: rotate(2deg);
    -o-transform: rotate(2deg);
    -ms-transform: rotate(2deg);
}

.t-stick-edit, .t-stick-del {
    z-index: 1010;
    color: darken(@brand-warning,25%);
    text-align: center;
    cursor: pointer;
}

.t-stick-edit:hover, .t-stick-del:hover {
    color: @white;
}

.namecontent {
    color: @black;
    margin-bottom: 2px;
    margin-top: 2px;
}

.commentscontent {
    color: @navbar-inverse-bg;
    font-size: 12px;
}

h3.h-title {
    margin-top: 5px;
}

h3.v-title, div.v-title {
    margin: 0;
    transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    writing-mode: lr-tb;
}

/*h3.v-align {
    todo
}*/
/*a.t-zone-edit {
    float: left;
}*/

.divbutton button, .divbutton a, a.divbutton {
    /*display: none;*/ /* Hide button */
    color: @dust;
    font-size: 18px;
    cursor: pointer;
}

.divbutton:hover button, .divbutton:hover a {
    color: @black;
    /*display: inline;*/ /* On :hover of div show button */
}
